<%--
  Created by IntelliJ IDEA.
  User: zzz
  Date: 2023/1/3
  Time: 15:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    .head {
        background-color: #8fac99;
        width: 100%;
        height: 100px;
    }

    .head h1 {
        color: white;
        position: absolute;
        left: 50px;
        top: 20px
    }
    nav{
        float: right;
        right: 100px;
        top: 20px;
    }
    nav img{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        float: left;
    }
</style>

<div class="head">
    <h1>宠物领养系统后台</h1>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <img class="img-fluid" src="${pageContext.request.contextPath}/display?photo=${user.photo}" alt="用户头像">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            ${user.username}

                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="${pageContext.request.contextPath}/admin/admin_mod">我的资料</a></li>
                            <li><a class="dropdown-item" href="${pageContext.request.contextPath}/logout">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>


